
/* =Non Standard Fonts
-------------------------------------------------------------- */

@font-face {
   font-family: 'Lucida Calligraphy';
   src: url('lcallig-webfont.eot?') format('eot'),
      url('lcallig-webfont.woff') format('woff'),
      url('lcallig-webfont.ttf') format('truetype'),
      url('lcallig-webfont.svg#webfont5api8kvA') format('svg');
   font-weight: normal;
   font-style: normal;
}


/* =Font Families
-------------------------------------------------------------- */

body { font-family: verdana, arial, helvetica, sans-serif; }

#site-title { font-family: "Times New Roman", Courier, Garamond, serif; }

.lucida { font-family: "Lucida Calligraphy"; }
.times { font-family: "Times New Roman", Courier, Garamond, serif; }


/* =Font Sizes & Weights
-------------------------------------------------------------- */

body { font-size: 13px; }
h1, h2, h3, h4, h5 { font-weight: bold; }
h1 { font-size: 2.5em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
small { font-size: 0.8em; }

#access { font-weight: bold; }
#access .menu-main-container { font-size: 13px; }
#site-title { font-size: 36px; font-weight: normal; }
#mission { font-size: 20px; }
#footer-menu { font-weight: 600; }

.cp { font-size: 2em; }


/* =Font Colours
-------------------------------------------------------------- */

body { color: #2a2a2a; }
a { color: #800; }
a:hover, a:active { color: blue; }
h1 a, h2 a, h3 a, h4 a, h5 a { color: inherit; text-decoration: none; }

#header, #footer { color: white; }
#site-title a:hover { color: #bbb; }

#access a, #footer-menu a { color: #bbb; }
#access li:hover > a, #access ul ul :hover > a,
#footer-menu li:hover > a, #footer-menu ul ul :hover > a { color: #fff; }
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a,
#footer-menu ul li.current_page_item > a,
#footer-menu ul li.current-menu-ancestor > a,
#footer-menu ul li.current-menu-item > a,
#footer-menu ul li.current-menu-parent > a {
    color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover,
* html #footer-menu ul li.current_page_item a,
* html #footer-menu ul li.current-menu-ancestor a,
* html #footer-menu ul li.current-menu-item a,
* html #footer-menu ul li.current-menu-parent a,
* html #footer-menu ul li a:hover {
    color: #fff;
}
